
@media screen and (max-width: 1680px) {
  html {
    font-size: 262.5px;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 250px;
  }
}
@media screen and (max-width: 1520px) {
  html {
    font-size: 237.5px;
  }
}
@media screen and (max-width: 1440px) {
  html {
    font-size: 225px;
  }
}
@media screen and (max-width: 1360px) {
  html {
    font-size: 212.5px;
  }
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 200px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 187.5px;
  }
}
@media screen and (max-width: 1120px) {
  html {
    font-size: 175px;
  }
}
@media screen and (max-width: 1040px) {
  html {
    font-size: 162.5px;
  }
}
@media screen and (max-width: 960px) {
  html {
    font-size: 150px;
  }
}
@media screen and (max-width: 880px) {
  html {
    font-size: 137.5px;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 125px;
  }
}
@media screen and (max-width: 736px) {
  html {
    font-size: 115.2px;
  }
}
@media screen and (max-width: 732px) {
  html {
    font-size: 114.525px;
  }
}
@media screen and (max-width: 720px) {
  html {
    font-size: 112.5px;
  }
}
@media screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media screen and (max-width: 568px) {
  html {
    font-size: 88.85px;
  }
}
@media screen and (max-width: 560px) {
  html {
    font-size: 87.5px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media screen and (max-width: 414px) {
  html {
    font-size: 64.8625px;
  }
}
@media screen and (max-width: 412px) {
  html {
    font-size: 64.525px;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 62.5px;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 59.28125px;
  }
}
@media screen and (max-width: 360px) {
  html {
    font-size: 56.75px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
*{margin:0; padding:0;}

img{border:none;}

ul,li{list-style:none;}

.clear:after{content:""; clear:both; display:block;}

html {
  font-family: "微软雅黑";
}
body {
  margin: 0;
  padding: 0;
  background:url(/templets/lossWeightPhone/images/fat_subject/5.jpg);
}
body a {
  text-decoration: none;
}
body input[type='text'],
body input[type='date'] {
  -webkit-appearance: none;
  border-radius: 0;
  border-width: 0;
  font-size: 0.24rem;
  padding-left: 0.1rem;
}
body textarea {
  -webkit-appearance: none;
  border-radius: 0;
  border-width: 0;
  font-size: 0.24rem;
  padding-left: 0.1rem;
}
body button {
  margin: 0;
}
.top {
  height: 0.89rem;
  background:#fff;
  overflow: auto;
}
.top .logo_img {
  float: left;
  width: 4rem;
  margin-top: 0.07rem;
  margin-left: 0.09rem;
}
.top .menu_img {
  float: right;
  width: 0.69rem;
  margin-top: 0.2rem;
  margin-right: 0.18rem;
}
.mengceng_div {
  display: none;
  position: fixed;
  background-color: #000000;
  opacity: 0.5;
  width: 100%;
  z-index: 1;
}
.menu_div {
  position: fixed;
  top: 0.89rem;
  right: 0;
  z-index: 2;
  display: none;
}
.menu_div ul {
  padding: 0;
  margin: 0;
}
.menu_div ul a {
  color: #000000;
  text-decoration: none;
}
.menu_div ul li {
  list-style-type: none;
  font-size: 0.3rem;
  width: 3.22rem;
  background-color: #ffffff;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  border-top-style: solid;
  border-color: #a6a6a6;
  border-width: 0.005rem;
}
.menu_div ul li:nth-last-of-type(1) {
  border-bottom-style: solid;
  border-color: #a6a6a6;
  border-width: 0.005rem;
}

.banner_div{
  position:relative;
  height:3.02rem;}
  
.banner_div .banner_img {
  width: 100%;
  height: 3.02rem;
}

.bottom_nav_div {
  width:100%;
  overflow: auto;
  margin: 0;
  margin-top: 0.28rem;
}
.bottom_nav_div ul {
  padding: 0;
  overflow: auto;
  margin: 0;
}
.bottom_nav_div ul li {
  padding-top: 0.1rem;
  list-style-type: none;
  width: 24.9%;
  float: left;
  background-color: #484848;
  height: 1.8rem;
  text-align: center;
}
.bottom_nav_div ul li div {
  margin: 0;
  font-size: 0.24rem;
  text-align: center;
  color: #ffffff;
}
.bottom_nav_div ul li:nth-child(1) {
  background-color: #3786d6;
}
.bottom_nav_div ul li:nth-child(3) {
  background-image: url("../images/bg_line.jpg");
  background-repeat: no-repeat;
}
.bottom_nav_div ul li:nth-child(4) {
  background-image: url("../images/bg_line.jpg");
  background-repeat: no-repeat;
}

/*专题*/
.Daodu{
	width:5rem;
	min-height:1.8rem;
	margin:0.26rem auto;
	padding:0.1rem;
	border:0.02rem solid #000;
	position:relative;}
	
.Daodu i{
	position:absolute;
	display:block;
	width:0.225rem;
	height:0.1215rem;
	left:50%;
	margin-left:-0.1125rem;
	bottom:-0.05rem;}
	
.Daodu i img{
	width:100%;
	height:100%;}
	
.Daodu img{
	width:0.399rem;
	height:0.8767rem;
	float:left;
	margin:0.08rem 0.08rem 0 0;}
	
.Daodu p{
	font-size:0.1736rem;
	line-height:0.2604rem;
	text-indent:2em;}
	
.Qxian{
	width:4.6rem;
	height:3.55rem;
	margin:0.08rem auto;
	background:#fff;}
	
.Qxian img{
	width:100%;
	height:100%;}
	
.h2{ font-size:0.2083rem;
    text-align:center;
	font-weight:normal;}
	
.Z_bg{
	width:100%;
	height:0.73rem;
	margin-bottom:0.5rem;}
	
.Z_bg img{
	width:100%;
	height:100%;}
	
.title1{ font-size:0.287rem;
	font-weight:normal;
	font-family:"宋体";
	text-align:center;}
	
.title2,.title3,.title4{ font-size:0.287rem;
	font-family:"方正正中黑简体";
	text-align:center;
	width:88%;
	height:0.3rem;
	margin:0 auto;
	border-bottom:0.02rem solid #000;}

.title2 span{ color:#cd0f10;}

.Fei_bg{
	width:4.5rem;
	height:3.185rem;
	margin:0.35rem auto;}
	
.Fei_bg img{
	width:100%;
	height:100%;}
	
.title3{ border:none;
    font-family: "方正正中黑简体";}

.J_zhong{
	width:95%;
	height:5.05rem;
	margin:0.18rem auto;
	background:url(/templets/lossWeightPhone/images/fat_subject/12.png) no-repeat;
	background-size:100% 100%;}
	
.J_zhong>h3{
	font-size:0.3038rem;
	font-weight:normal;
	text-align:center;
	line-height:1rem;}
	
.J_zhong>p{
	font-size:0.2083rem;
	line-height:0.287rem;
	margin:0 0.38rem;
	text-indent:2em;}
	
.J_zhong>p a{ color:#de1a2b;}

.J_zhong>h5{ font-size:0.2083rem;
	color:#f32a3b;
	text-indent:2em;
	margin-top:0.3rem;}
	
.J_zhong > .Gules{
	width:88%;
	height:0.295rem;
	line-height:0.295rem;
	text-align:center;
	margin:0.17rem auto 0rem;
	font-size:0.173rem;
	background:#de1a2b;
	color:#fff;}
	
.pYou{width:1.614rem;
	height:0.382rem;
	margin:0.3rem auto;}
	
.pYou img{float:left;
	width:100%;
	height:100%;}
	
.list{width:5.8rem;
	min-height:1rem;
	margin:0.173rem auto;}
	
.list li{width:2.7rem;
	height:1.736rem;
	float:left;
	position:relative;
	margin:0.058rem 0.058rem;
	border:0.035rem solid #6999e7;
	border-radius:0.03rem;}
	
.list li .Mask{
	display:block;
	width:100%;
	height:0.373rem;
	line-height:0.373rem;
	position:absolute;
	bottom:0.105rem;
	color:#fff;
	font-size:0.19rem;
	text-align:center;
	background:rgba(67,98,148,0.6) !important;
	background:#436294;
	filter:Alpha(opacity=60);}
	
.list li .Mask span{
	position:relative;}
	
.list li img{width:100%;
	height:100%;}
	
.title4{width:4.3rem;}

.table{
	width:5.8rem;
	min-height:1rem;
	margin:0.17rem auto;
	padding:0.087rem 0;
	display:none;}
	
.table .left{
	width:2.6rem;
	height:1.8rem;
	float:left;
	padding:0.087rem;
	background:#fff;
	box-shadow:0 0 0.087rem #ccc;}
	
.table .left img{
	width:100%;
	height:100%;}
	
.table .right{
	width:2.7rem;
	height:1.974rem;
	float:right;}
	
.table .right h3{
	font-size:0.277rem;
	color:#51a1e5;
	margin-bottom:0.05rem;}
	
.table .right p{
	font-size:0.173rem;
	text-indent:2em;
	line-height:0.37rem;}
	
@media screen and (max-width: 375px){
.table .right p{ line-height:0.32rem;}
}
	
.table_ul{
	width:96%;
	height:0.7378rem;
	padding-left:4%;
	background:url(/templets/lossWeightPhone/images/fat_subject/ul_bg.png) repeat-x left center;}
	
.table_ul li{
	width:0.7378rem;
	height:0.7378rem;
	line-height:0.7378rem;
	text-align:center;
	font-size:0.173rem;
	margin:0 0.2rem;
	cursor:pointer;
	float:left;
	color:#fff;
	background:url(/templets/lossWeightPhone/images/fat_subject/list_bg_H.png) no-repeat;
	background-size:100%;}
	
.table_ul li.on{
	background:url(/templets/lossWeightPhone/images/fat_subject/list_bg_L.png) no-repeat;
	background-size:100%;}

.W_list{
	width:5.8rem;
	min-height:1rem;
	margin:0.173rem auto;}
	
.W_list li{
	width:5.6rem;
	height:1.44rem;
	padding:0.1rem;
	margin-top:0.087rem;
	background:#51a1e5;}
	
.W_list li .left{
	width:43%;
	height:1.44rem;
	float:left;}
	
.W_list li .left img{
	width:100%;
	height:100%;}	

.W_list li .right{
	width:53%;
	height:1.44rem;
	float:right;}
	
.W_list li .right h3{
	font-size:0.225rem;
	text-align:center;
	line-height:0.39rem;
	color:#fff;}
	
.W_list li .right p{
	line-height:0.25rem;
	font-size:0.173rem;
	color:#fff;}
	
.W_list li .right p>a{
	color:#fff;}
	
.banner_B{
	width:5.95rem;
	height:3.17rem;
	margin:0.17rem auto 0rem;
	position:relative;
	border:0.01rem solid #51a1e5;}
	
.banner_B .B_list{
	width:5.95rem;
	height:3.17rem;
	display:none;}
	
.banner_B img{
	width:100%;
	height:100%;}
	
.banner_B .Mask{
	width:85%;
	height:0.45rem;
	padding-left:5%;
	padding-right:10%;
	position:absolute;
	bottom:0;
	background:rgba(0,0,0,0.5) !important;
	background:#000;
	filter:Alpha(opacity=60);}
	
.banner_B .Mask p{
	font-size:0.2083rem;
	line-height:0.45rem;
	color:#fff;}
	
.banner_B  ul{
	position:absolute;
	right:0;
	bottom:0.02rem;}
	
.banner_B  ul li{
	width:0.1rem;
	height:0.1rem;
	float:left;
	margin:0 0.03rem;
	border-radius:50%;
	background:#51a1e5;}
	
.banner_B  ul li.on{
	background:#ffa517;}
	
	
	
	
	
	
	
	
	
	
	
	
	
.Contact{
	width:5.9rem;
	height:1.85rem;
	padding-top:0.05rem;
	margin:0.173rem auto 0rem;}
	
.Contact .left{
	width:4rem;
	height:1.9rem;
	float:left;}
	
.Contact .left h3{
	font-size:0.243rem;
	line-height:0.4rem;
	color:#337ab7;}
	
.Contact .left p{
	font-size:0.217rem;
	line-height:0.33rem;
	padding-left:0.03rem;
	color:#337ab7;}
	
.Contact .left p img{
	width:0.2rem;
	height:0.23rem;
	position:relative;
	top:0.04rem;}
	
.Contact .right{
	width:1.9rem;
	height:1.9rem;
	float:right;}
	
.Contact .right img{
	width:1.52rem;
	height:1.52rem;
	margin:0.1rem 0 0 0.173rem;}
	
/*专题结束*/

.ui-loader{ display:none;}

